<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="generator" content="PSPad editor, www.pspad.com"/>
<link rel = "stylesheet" type = "text/css" href = "style/style.css" />

<title>Fiche d'appareil</title>
</head>

<body>
  
<h:form>
	<div class="topbarcontenu">
		<div>
			<span class="logo"><img src="images/ElecSharing-D5.png" /></span> <span
				class="toplink"><a href="connexion.jsf">Connexion</a> | <a
				href="inscription.jsf">Inscription</a></span> <span
				class="topbarrechercher"> 
<!-- 				<h:form style="font: normal 14px/1.2em Calibri, Verdana, Helvetica;" class="recherchepages"> -->
					<h:inputText value="#{mbRecherche.motCleRecherche}" id = "cetaem" class="textrecherche" maxlength = "80" />
					<h:commandButton type="submit" id="btnrechercher" value="Rechercher" style="background-color:#779e14 ;color:white" action="#{mbRecherche.rechercher()}" />
<!-- 				</h:form> -->
			</span>
		</div>
		<br />
		<div>
			<span class="parrainage"> 
<!-- 			<h:form id="parrainer"> -->
					<input type="text" id="cetaem" class="mailfilleul" maxlength="80"
						placeholder="Adresse mail" />
					<h:commandButton type="submit" id="btnparrain" value="Parrainer un ami !" style="background-color:#779e14 ;color:white" />
<!-- 				</h:form> -->
			</span>
		</div>
	</div>
<p> </p>

<div class = "liens">

<!--   <div class = "resRechercheMini"> -->

<!--     <h3><a href = "">Vous pouvez aussi vous intéresser de :</a></h3> -->
    
<!-- 		<h:form> -->
		
<!-- 			<p> -->
			
<!-- 			<rich:panel bodyClass="lienlist"> -->
			
<!-- 			  	<a4j:repeat  value = "#{mbRecherche.aems}" var = "unAem"> -->
			  	
<!-- 			  		<h:commandLink actionListener="mbRecherche.recupIdAem"> -->
			  		
<!-- 			  			<f:attribute name="idAem" value = "#{unAem.aem.idAem}" /> -->

<!-- 						<span class = "spanResultat"> -->
					
<!-- 							<h:outputText value = "Avis : #{unAem.etoiles} / 5" /><br /> -->
<!-- 							<h:graphicImage class="imgRes" value="ImgsAems/#{unAem.img}" /><br /> -->
<!-- 							<b><h:outputText value = "#{unAem.aem.marque.marque} #{unAem.aem.typeAem.typeAem}" /></b> <br /> -->
<!-- 							<h:outputText value = "#{unAem.dispo} | #{unAem.valeur} €lec. | #{unAem.aem.proprietaire.frCodePostalCommune.frCommune.nomCommune}" />					 -->
						
<!-- 						</span> -->
							
<!-- 					</h:commandLink> -->

<!-- 				</a4j:repeat> -->

<!-- 			  </rich:panel> -->
			  
<!-- 			</p> -->
			
<!--  			</h:form> --> 
  
<!--   </div> -->
  
  <div class = "resCeProp">

    <h3>Aussi de <h:outputText value = " #{mbFicheAem.monAem.aem.proprietaire.nomUtilisateur}" />...</h3>
    
<!-- 		<h:form> -->
		
			<p>
			
			<rich:panel bodyClass="lienlist">
			
			  	<a4j:repeat value = "#{mbFicheAem.aemsProp}" var = "unAem">
			  	
<!-- 			  		<h:commandLink actionListener="mbRecherche.recupIdAem" action = "#{mbRecherche.getFiche(idAem)}"> -->
			  		
			  			<f:attribute name="idAem" value = "#{unAem.aem.idAem}" />

						<span class = "spanResultat">
					
							<h:outputText value = "Avis : #{unAem.etoiles} / 5" /><br />
							<h:graphicImage class="imgRes" value="ImgsAems/#{unAem.img}" /><br />
							<b><h:outputText value = "#{unAem.aem.marque.marque} #{unAem.aem.typeAem.typeAem}" /></b> <br />
							<h:outputText value = "#{unAem.dispo} | #{unAem.valeur} €lec. | #{unAem.aem.proprietaire.frCodePostalCommune.frCommune.nomCommune}" />					
						
						</span>
							
<!-- 					</h:commandLink> -->

				</a4j:repeat>

			  </rich:panel>
			  
			</p>
			
<!-- 			</h:form> -->
  
  </div>
    
  </div>
  
  <div id = "pagecontenu">
  
<!--     <div id = "catcriteres"> -->
  
<!--         <p><a href="">(Catégorie 1)</a> → <a href="">(Catégorie 2)</a> →<a href="">...</a> →  <a href="">(Type)</a></p> -->

<!--     </div> -->
    
  <div>
  
    <table>
      <tr>   
        <td>
          <h2><h:outputText value = "#{mbFicheAem.monAem.aem.marque.marque} #{mbFicheAem.monAem.aem.typeAem.typeAem} - #{mbFicheAem.monAem.aem.proprietaire.frCodePostalCommune.frCommune.nomCommune}" /></h2>
          <img src = "ImgsAems/#{mbFicheAem.monAem.img}" class = "imgProduit" />
          
        </td>
        
        <td>
        
          <h4>De <a href = ""><h:outputText value = "#{mbFicheAem.monAem.aem.proprietaire.nomUtilisateur}" /></a></h4>
          
          <h:outputText value = "#{mbFicheAem.monAem.aem.proprietaire.frCodePostalCommune.id.codePostal}" />
          
          <p><h:outputText value = "#{mbFicheAem.monAem.aem.descAem}" /></p>
          
          <p>Note moyenne : <br />
          <h:outputText value = "#{mbFicheAem.monAem.etoiles}" /> / 5</p>
          
          <p>Valeur : <h:outputText value = "#{mbFicheAem.monAem.valeur}" /> €lec/jour</p>
          
          <div>
            
            <h4>Je veux emprunter cet appareil...</h4>
            
<!--             <h:form action="demanderappareil.jsp" id="demandedecetappareil"> -->
 
			<table>
			
				<tr>

		            <td>De : </td><td><rich:calendar value="#{mbFicheAem.dateDebut}" inputSize="12" /></td>
           		</tr>
           	
				<tr>
		            <td>À : </td><td><rich:calendar value="#{mbFicheAem.dateFin}" inputSize="12" /> </td>       
           
            	</tr>
           	</table>
           
             <center><h:commandButton action="#{mbFicheAem.demanderEmprunt()}" id = "btnPageDemander" value="Demander en emprunt !"/></center>
<!--             </h:form> -->
            
          </div>
        
        </td>
  
      </tr>
      
    </table>
    
    <div>
    
<!--       <h3>Ceux qui l'ont déjà emprunté disent...</h3> -->
      
<!-- 		<h:form> --> 
		
<!-- 			<p> -->
			
<!-- 			<rich:panel bodyClass="lienlist"> -->
			
<!-- 			  	<a4j:repeat value = "#{mbFicheAem.avisSurCeci}" var = "unAvis"> -->
			  	
<!-- 		  		<h:commandLink actionListener="mbRecherche.recupIdAem"> -->
			  		
<!-- 			  			<f:attribute name="idAem" value = "#{unAem.aem.idAem}" /> -->

<!-- 						<div class = "divAvis"> -->
						
<!-- 						<h:outputText value = "#{unAvis.avis.noteAvis.valeurNote} / 5" /> le <h:outputText value = "#{unAvis.avis.dateAvis} / 5" /> <a href = "ficheProprietaire.html"><h:outputText value = "#{unAvis.emprunteur.nomUtilisateur} / 5" /></a> -->
					
<!-- 							<table> -->
							
<!-- 								<tr> -->
								
<!-- 									<td> -->
										
<!-- 										<a4j:repeat value = "#{unAvis.avis.sousAvis}" var = "unSousAvis"> -->
											
<!-- 											<h:outputText value = "#{unSousAvis.libelleSousAvis.libelleSousAvis} : #{unSousAvis.noteAvis.valeurNote} / 5" /> -->
											
<!-- 										</a4j:repeat> -->
						
<!-- 									</td> -->
								
<!-- 									<td> -->
					
<!-- 										<h:outputText value = "#{unAvis.avis.commentairesLibres}" /><br /> -->
						
<!-- 									</td> -->
								
<!-- 								</tr> -->
							
<!-- 							</table> -->
					
<!-- 						</div> -->
							
<!-- 					</h:commandLink> --> 

<!-- 				</a4j:repeat> -->

<!-- 			  </rich:panel> -->
			  
<!-- 			</p> -->

  </div>
  
</div>

</div>
  
  
			</h:form>
  
  
	<div id = "goodies">
  
      <ul  style = "float:right"><!--id="sociallinks"-->
        <li>
		<!--<span>-->
		<!--<img id="sociallinks" src="images/rond_fb.png"/>-->
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/rond_fb.png"/></a><!--</span>-->
        </li>
        <li>
          <!--<a href="@sadfdsafdfd" style ="color: #707070">TW</a>-->
		  <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/rond_tw.png"/></a>
        </li>
        <li>
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/rond_google_plus.png"/></a>
        </li>
        <li>
          <a href="@sadfdsafdfd" style ="color: #707070"><img id="sociallinks" src="images/Ico-RSS.ico"/></a>
        </li>
      </ul>
  
  </div>


	<div class="footer">
		<span style="align: left"> <a href="/trust">Confiance et
				sécurité</a>
		</span> | <span style="align: left"> <a href="/about/about-us">A
				propos</a>
		</span>
	</div>


</body>

</html>